<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>结算</title>
    <link rel="stylesheet" href="./style/weui.min.css"/>
	<link rel="stylesheet" href="./style/style.css"/>
	<script data-main="js/app/settlement" src="js/lib/require.js" defer async="true"></script>
    <style>
		.weui-media-box {
			padding: 1px;
		}
		.weui-cell:before{
			border-top: 0px solid #e5e5e5;
		}
		.addressPicClass {
			font-size: 14px;
		}
		.weui-picker__action {
			font-size: 14px;
		}
	</style>
</head>

<body>
	<header class="wy-header">
	    <div class="wy-header-icon-back"><a href="javascript:window.history.back();"></a></div>
	    <div class="wy-header-title">结算</div>
		<div class="wy-header-icon-index"><a href="index.html"></a></div>
	</header>

	<div class="weui-tab__panel" style="padding-top:41px">
		<div class="wy-media-box weui-media-box_text address-select">
			<div class="weui-media-box_appmsg weui-cell_access" id="addressSelect"> 
				<div class="weui-media-box__hd proinfo-txt-l" style="width:20px;margin-right:20px;margin-left:6px;"><span class="promotion-label-tit"><img src="images/icon_nav_city.png" /></span></div>
				<div class="weui-media-box__bd">
					<a href="javascript:void(0);" class="weui-cell_access">
						<p class="address-name"><span>杜杰</span><span>13854652512</span></p>
						<div class="address-txt">广州市天河区电商产业园105号</div>
					</a>
				</div>
				<div class="weui-media-box__hd proinfo-txt-l" style="width:16px;"><div class="weui-cell_access"><span class="weui-cell__ft"></span></div></div>
			</div>
		</div>

		<div class="weui-panel weui-panel_access" >
			<div class="weui-panel__bd">
				<a href="prod-detail.html" class="weui-media-box weui-media-box_appmsg weui-cell_access">
					<div class="weui-media-box__hd" style="width:92px;height:92px;">
						<img class="weui-media-box__thumb" src="./images/good3.jpg" alt="">
					</div>
					<div class="weui-media-box__bd">
						<h4 class="weui-media-box__title" style="font-size:14px;margin-bottom:5px;">魅蓝 Note6</h4>
						<p class="weui-media-box__desc" style="margin-bottom:10px;-webkit-line-clamp:1;">公开版 深空灰 64GB</p>
						<p class="weui-media-box__desc" style="color:red;">¥1099</p>
					</div>
					<div class="weui-media-box__bd" >
						<div style="float:right;">
							<p style="font-size:15px;color: #999;margin-right:20px;">x1</p>
						</div>
					</div>
				</a>
				<a href="prod-detail.html" class="weui-media-box weui-media-box_appmsg weui-cell_access">
					<div class="weui-media-box__hd" style="width:92px;height:92px;">
						<img class="weui-media-box__thumb" src="./images/good2.jpg" alt="">
					</div>
					<div class="weui-media-box__bd">
						<h4 class="weui-media-box__title" style="font-size:14px;margin-bottom:5px;">魅蓝 Note6</h4>
						<p class="weui-media-box__desc" style="margin-bottom:10px;-webkit-line-clamp:1;">公开版 深空灰 64GB</p>
						<p class="weui-media-box__desc" style="color:red;">¥1099</p>
					</div>
					<div class="weui-media-box__bd" >
						<div style="float:right;">
							<p style="font-size:15px;color: #999;margin-right:20px;">x3</p>
						</div>
					</div>
				</a>
				<a href="prod-detail.html" class="weui-media-box weui-media-box_appmsg weui-cell_access">
					<div class="weui-media-box__hd" style="width:92px;height:92px;">
						<img class="weui-media-box__thumb" src="./images/good5.jpg" alt="">
					</div>
					<div class="weui-media-box__bd">
						<h4 class="weui-media-box__title" style="font-size:14px;margin-bottom:5px;">魅蓝 Note6</h4>
						<p class="weui-media-box__desc" style="margin-bottom:10px;-webkit-line-clamp:1;">公开版 深空灰 64GB</p>
						<p class="weui-media-box__desc" style="color:red;">¥1099</p>
					</div>
					<div class="weui-media-box__bd" >
						<div style="float:right;">
							<p style="font-size:15px;color: #999;margin-right:20px;">x4</p>
						</div>
					</div>
				</a>
			</div>
		</div>

		<div class="weui-cells" style="margin-top:10px;">
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p style="font-size:14px;margin-left:0px;">配送方式</p>
				</div>
				<div style="margin-right:4px;font-size:14px;color:gray;">快递</div>
			</div>
		</div>

		<div class="weui-cells weui-cells_form" style="margin-top:10px;" >
			<div class="weui-cell" style="padding: 5px 15px;">
				<div class="weui-cell__bd">
					<p style="font-size:14px;margin-left:0px;">商品金额</p>
				</div>
				<div style="margin-right:4px;font-size:14px;color:red;">¥300</div>
			</div>
			<div class="weui-cell" style="padding: 5px 15px;">
				<div class="weui-cell__bd">
					<p style="font-size:14px;margin-left:0px;">物流运费</p>
				</div>
				<div style="margin-right:4px;font-size:14px;color:red;">+ ¥10</div>
			</div>
			<div class="weui-cell" style="padding: 5px 15px;">
				<div class="weui-cell__bd">
					<p style="font-size:14px;margin-left:0px;">总的金额</p>
				</div>
				<div style="margin-right:4px;font-size:14px;color:red;">¥310</div>
			</div>
			
			<div class="weui-cell" >
				<a class="weui-btn weui-btn_primary" href="msg.html" id="" style="width:100%;font-size: 14px;height:39px;">微信支付</a>
			</div>
		</div>

	</div>
	<div id="addressPicContainer"></div>
</body>
</html>
